@extends('public.layouts.main')
@section('style-link')
    <link rel="stylesheet" href="/plugins/datepicker/datepicker3.css">
@endsection
@section('menu')
    @include('public.user.menu')
@endsection
@section('content-header')
    <h5>
        <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> 党员 （先锋指数）</li>
            <li class="active">个人中心</li>
        </ol>
    </h5>
@endsection
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="col-md-4">
                <div class="box box-primary">
                    <div class="box-body box-profile">
                        <img class="profile-user-img img-responsive img-circle" src="/img/teacher.png" alt="User profile picture">
                        <h3 class="profile-username text-center user-realname"></h3>
                        <input type="hidden" class="user-department-id">
                        <p class="text-muted text-center user-department"></p>
                        <ul class="list-group list-group-unbordered">
                            <li class="list-group-item">
                                <b>工号：</b> <span class="pull-right user-number"></span>
                            </li>
                            <li class="list-group-item">
                                <b>出生年月：</b> <span class="pull-right user-birthday"></span>
                            </li>
                            <li class="list-group-item">
                                <b>入党时间：</b> <span class="pull-right user-join-time"></span>
                            </li>
                            <li class="list-group-item">
                                <b>联系方式：</b> <span class="pull-right user-mobile"></span>
                            </li>
                            <li class="list-group-item">
                                <input type="hidden" class="user-role-code">
                                <b>个人类型：</b> <span class="pull-right user-role"></span>
                            </li>
                            <li class="list-group-item">
                                <input type="hidden" class="user-education-code">
                                <b>学历：</b> <span class="pull-right user-education"></span>
                            </li>
                            <li class="list-group-item">
                                <b>先锋指数：</b> <span class="pull-right user-score"></span>
                            </li>
                            <li class="list-group-item">
                                <b>评定等级：</b> <span class="pull-right user-star"></span>
                            </li>
                            <li class="list-group-item">
                                <input type="hidden" class="user-summary-text">
                                <b>自评：</b> <span class="pull-right user-summary"><a href="#" data-toggle="modal" data-target="#normal-dialog">查看</a></span>
                            </li>
                        </ul>
                        <div class="row">
                            <div class="col-sm-4">
                                <a class="btn btn-info" href="/user/file.html">积分中心</a>
                            </div>
                            <div class="col-sm-4">
                                <a class="btn btn-info" href="/user/increase.html">加分中心</a>
                            </div>
                            <div class="col-sm-4">
                                <a class="btn btn-info bind-user-edit-file" href="#">编辑资料</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="box">
                    <div class="box-header">
                        <div class="post">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="col-sm-9">
                                    </div>
                                    <div class="col-sm-3 pull-right">
                                        <select class="form-control select-year">
                                            @for($i = $year; $i <= $now; $i ++)
                                                <option value="{!! $i !!}">{!! $i !!}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-12">
                                    <h4 class="advice-title">
                                        建议中心
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <!-- advice list -->
                        <div class="data-list"></div>
                        <div class="page-list"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="edit-user-file">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">党员资料</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">姓名：</label>
                            <div class="col-sm-9">
                                <span class="real-name"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">工号：</label>
                            <div class="col-sm-9">
                                <span class="number"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">学历：</label>
                            <div class="col-sm-6">
                                <select class="form-control education-code">
                                    <option value="1">高中</option>
                                    <option value="2">高职</option>
                                    <option value="3">专科</option>
                                    <option value="4">本科</option>
                                    <option value="5">硕士</option>
                                    <option value="6">博士</option>
                                    <option value="7">其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">出生日期：</label>
                            <div class="col-sm-6">
                                <div class="input-group date">
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                    <input type="text" class="form-control birthday" readonly="">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">入党时间：</label>
                            <div class="col-sm-6">
                                <div class="input-group date">
                                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                    <input type="text" class="form-control join-time" readonly="">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">联系方式：</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control mobile" placeholder="联系方式">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">所属支部：</label>
                            <div class="col-sm-6">
                                <select class="form-control department-id">

                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色：</label>
                            <div class="col-sm-6">
                                <select class="form-control role">
                                    <option value="1">教学人员</option>
                                    <option value="2">科研人员</option>
                                    <option value="3">管理人员</option>
                                    <option value="4">教辅人员</option>
                                    <option value="5">学生</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">自我评价：</label>
                            <div class="col-sm-6">
                                <textarea class="form-control summary" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-8">
                        <button type="button" class="btn btn-primary pull-left dialog-btn-save">提交</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                    <div class="col-sm-2"></div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
@endsection
@section('script')
    <script src="/plugins/datepicker/bootstrap-datepicker.js?v={!! time() !!}"></script>
    <script src="/js/user/index.js?v={!! time() !!}"></script>
@endsection